﻿@using ETD.Common.Extension;
@using ETD.WebManagement.Libs.Helper;
@using ETD.WinClient.Config;
@using ETD.Domain.EnumModels;
@using ETD.Domain.WebModels;
@using ETD.WebManagement.Areas.Web.Models;

@model ModelBase
@{
    BottomNavModel bottomNavModel = new BottomNavModel();
    if (Model != null)
    {
        bottomNavModel = Model.BottomNav;
    }
}
<style>
    .weui-tabbar__label {
        font-size: 14px;
    }
</style>

<div class="weui-tabbar">
    <a href="@Url.Action("TodayTask","Security")" class="weui-tabbar__item @bottomNavModel.BindActiveItemClass1(EBottomNavType.FirstNav)">
        <div class="weui-tabbar__icon">
            <img src="@Url.MapJqWeuiAssets("images/icon_nav_msg.png")" alt="">
        </div>
        <p class="weui-tabbar__label">任务</p>
    </a>
    <a href="@Url.Action("CurrentSecurityTable", "SecurityTable")" class="weui-tabbar__item @bottomNavModel.BindActiveItemClass1(EBottomNavType.SecondNav)">
        @*下边是一个小红色图标，专门标记数量提醒等提示*@
        @*<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>*@
        <div class="weui-tabbar__icon">
            <img src="@Url.MapJqWeuiAssets("images/icon_nav_button.png")" alt="">
        </div>
        <p class="weui-tabbar__label">安检表</p>
    </a>
    <a href="@Url.Action("TodayTask","Security")" class="weui-tabbar__item @bottomNavModel.BindActiveItemClass1(EBottomNavType.ThreeNav)">
        <div class="weui-tabbar__icon">
            <img src="@Url.MapJqWeuiAssets("images/icon_nav_article.png")" alt="">
        </div>
        <p class="weui-tabbar__label">隐患管理</p>
    </a>
    <a href="@Url.Action("TodayTask", "Security")" class="weui-tabbar__item @bottomNavModel.BindActiveItemClass1(EBottomNavType.FourNav)">
        <div class="weui-tabbar__icon">
            <img src="@Url.MapJqWeuiAssets("images/icon_nav_cell.png")" alt="">
        </div>
        <p class="weui-tabbar__label">我的</p>
    </a>
</div>